<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>邀请好友</title>
	<link rel="stylesheet" type="text/css" href="../../build/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="../../build/css/main.css">
	<link rel="stylesheet" href="../../build/css/mine.css">
	<script src="../../build/public/vue.js" charset="utf-8"></script>
	<script src="../../build/public/vue-resource.js" charset="utf-8"></script>
	<script src="../../build/js/jquery.min.js"></script>
	<script src="../../build/public/base.js"></script>
</head>
<body>
	<div id="container" style="padding-bottom:80px;">
		<!-- 头部图片 -->
		<div class="mine-top">
			<div class="mine-bg">
				<span class="mine-icon">
					<a style="float:right;" class="goSet">
						<span class="iconfont mine-oper">&#xe62c;</span>
					</a>
					<a style="float:right;margin-right: 20px;" class="goMess">
						<span class="iconfont mine-mess">&#xe616;
						<span class="mine-circle">{{data}}</span></span>
					</a>
				</span>
				<div class="mine-peo go">
					<span class="mine-people">
						<a style="display:block;">
							<img :src="picture" alt="" width="100" height="100">
						</a>
					</span>
					<p class="yellow-color cel-yellow change-yellow"><span class="iconfont">&#xe62a;</span>{{realNameVerified | formatRealNameVerified}}</p>
					<!-- <p class="yellow-color cel-yellow change-yellow"><span class="iconfont">&#xe62a;</span>已实名</p> -->
					<p class="mine-top-name">{{name}}</p>
				</div>
				<div class="mine-money">
					<div class="mine-money-l goIncome">
						<a>
							<span class="orange">{{monthIncome | formatThree}}</span><br>
							<i>本月收入(元)</i>
							<b></b>
						</a>
					</div>
					<div class="mine-money-r goWallet">
						<a>
							<span class="orange">{{withdrawalBalance | formatThree}}</span><br>
							<i>可提现余额(元)</i>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- tab栏 -->
		<div class="mine-tab">
			<ul>
				<li><a href="mine.html">我的订单</a></li>
				<li><a href="customer.html">我的客户</a></li>
				<li><a href="invite.html" class="current">邀请好友</a></li>
			</ul>
		</div>
		<div class="invite-cus">
			<p class="invite-text">
				长按二维码，发送给好友
			</p>
			<!-- 
			<p class="invite-text">
				邀请好友一起加入吧<br>投资在路上 一起来支招
			</p> -->
			<div class="invite-code">
				<img :src="myInvitationCodeImg" alt="" width="200" height="200">
			</div>
			<!-- <span class="invite-btn" style="background:none;border:none;">长按二维码，发送给好友</span> -->
			<!-- <span class="invite-btn" v-on:click="weixin()">
				<span class="iconfont">&#xe628;</span>
				发送给微信好友
			</span> -->
		</div>
		<!--底栏-->
		<my-footer></my-footer>
		<div class="invite-jump-wrap">
			<div class="iconfont-wrap">
				<span class="iconfont">&#xe65b;</span>
			</div>
			<div class="iconfont-text">
				<span>发送给微信好友</span>
				<span>请从这里下手</span>
			</div>
		</div>
		<div class="jump-bg" style="background:rgba(0,0,0,0.7);"></div>
	</div>
	<script src="../../build/js/common.js"></script>
	<script src="../../build/js/config.js"></script>
	<script src="../../build/js/template.js"></script>
	<script src="../../build/js/mine/customer.js"></script>
<script>

$(document).ready(function() {
	$('.jump-bg').click(function(event) {
		$('.jump-bg').hide();
		$('.invite-jump-wrap').hide();
	});
});

</script>
</body>
</html>
